body {
	background-image:url('background.png');
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	color:#555555;
	cursor: default;
}
.song_content{
	font-size:15px;
}
.container{
	width:700px;
	padding:25px 25px 25px;
	margin:15px;
	background-color: rgba(255, 255, 255, 0.4);
	border:1px solid;
	border-color:white;
	border-radius:15px;
	
	box-shadow: 0px 0px 5px #888888;
}
.searchbox{
	width:700px;
}
#searchvalue {
	margin: auto;
}
.menubar{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	margin:-15px 0px 0px 0px;
	float:top;
}
.center{
margin-left:auto;
margin-right:auto;
}

.content{
margin:20px;
}
.pagelogo{
	margin-top:80px;
	margin-bottom:30px;
}
.leftlogo {
	display: inline-block;
	max-width:100px;
}
#search {

}

#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: 12px Arial,Helvetica,Sans-serif;
    color: #333;
    width: 100%;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: width  0.7s ease 0s;
    -moz-transition: width  0.7s ease 0s;
    -o-transition: width  0.7s ease 0s;
    transition: width  0.7s ease 0s;
   }

#search input[type="text"]:focus{
    outline-width: 0;
}

#search input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bebebe;
}
#search input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bebebe;
}
#search input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bebebe;
}
#search input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bebebe;
}

a:link {
-webkit-tap-highlight-color: #e53b2c;
}
p a {
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 1px;
}
a {
color: #41b7d8;
text-decoration: none;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.result {
    border: 1px solid #d1d1d1;
    font: 12px Arial,Helvetica,Sans-serif;
    color: #555555;
		cursor: pointer;
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
		margin-top:10px;
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15);
}
.result:hover {
	background-color: rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
}